<section class="ad-bg" [ngStyle]="tagData.data.cssStyle | styleFilter">
  <!-- <img class="bg-img" src="{{tagData.data.bgImg}}" alt=""> -->
  <!-- <img class="bg-img"  src="assets/fw/h5_yhd_img@3x.png" alt=""> -->
  <!-- <img class="bg-img"  src="assets/fw/h5_shd_img.png" alt=""> -->
  <img class="bg-img" *ngIf="tagData.data.showAd1Img!==undefined" src="{{tagData.data.showAd1Img}}"
    onerror="this.src='assets/ad/1.png'" alt="">
  <img class="bg-img" *ngIf="tagData.data.showAd2Img!==undefined" src="{{tagData.data.showAd2Img}}"
    onerror="this.src='assets/ad/ad2.png'" alt="">
  <img class="bg-img" *ngIf="tagData.data.showAd3Img!==undefined" src="{{tagData.data.showAd3Img}}"
    onerror="this.src='assets/ad/p01.png'" alt="">


  <div class="ad-join-bg" *ngIf="tagData.data?.hideJoinBg===undefined">
    <div class="join-bg">
      <span class="join-label">加入服务店</span>
      年赚百万不是梦！
    </div>
    <div class="join-bg">
      <span class="join-label">加入供应商</span>
      3亿套物业市场，前景大！
    </div>
  </div>

  <!-- <div class="ad-info-bg" [ngStyle]="tagData.data?.adInfoBgCssStyle|styleFilter"
    [ngClass]="{'ad-info-bg-no-logo': tagData.data.logo !== 'true'}"
    *ngIf="tagData.data?.info && (tagData.data?.questions || tagData.data?.privilege || tagData.data?.privilege_2)">
    <img class="logo" *ngIf="tagData.data.logo === 'true'" src="{{tagData.data?.logoIcon}}"
      onerror="this.src='assets/icon/logo_stroke.png'" alt="">
    <div class="info-bg">
      <p class="info" [innerHTML]="tagData.data.info"></p>
      <img *ngIf="tagData.data.symbol === 'true'" src="assets/icon/img_left.png" alt="" class="icon">
    </div>
    <div class="questions-bg">
      <ng-container *ngFor="let item of tagData.data.questions">
        <div class="q-a">
          <p class="q-bg">
            <span class="q-t">问</span>
            <span class="q">{{item.q}}</span>
          </p>
          <p class="a-bg">
            <span class="a-t">答</span>
            <span class="a">{{item.a}}</span>
          </p>
        </div>

      </ng-container>
      <ng-container *ngFor="let item of tagData.data.privilege">
        <div class="q-a-p">
          <p class="q-bg">
            <span class="q-i">{{item.no}}</span>
            <span class="q">{{item.label}}</span>
          </p>

        </div>
      </ng-container>
      <ng-container *ngFor="let item of tagData.data.privilege_2; let i = index">
        <div [ngClass]="{'q-a-p-44': i%2 === 0,'q-a-p-36': i%2 === 1}">
          <p class="q-bg">
            <span class="q-i">{{item.no}}</span>
            <span class="q">{{item.label}}</span>
          </p>

        </div>
      </ng-container>
    </div>

  </div>
  <div *ngIf="tagData.data?.types" class="type-bg">
    <ng-container *ngFor="let item of tagData.data?.types">
      <p class="type-item-bg">
        <i class="type-icon"></i>
        <span class="type">{{item}}</span>
      </p>

    </ng-container>


  </div> -->
  <div class="contact-bg" [ngStyle]="tagData.data.inviteManBoxCssStyle|styleFilter">
    <div class="contact-info">
      <div style="display: flex;">
        <img class="avatar" [ngStyle]="tagData.data.imgCssStyle|styleFilter" src="{{tagData.data.img}}" alt="">
        <div>
          <p class="name" [ngStyle]="tagData.data.nameCssStyle|styleFilter">{{tagData.data.name}}<span
              class="tag">{{tagData.data.tag}}</span></p>
          <p class="phone" [ngStyle]="tagData.data.phoneCssStyle|styleFilter">{{tagData.data.phone}}</p>
          <p class="tips2" *ngIf="tagData.data.tip2" [ngStyle]="tagData.data.tip2CssStyle|styleFilter">
            {{tagData.data.tip2}}<i class="arrow2"></i>
          </p>
        </div>
      </div>
      <p class="tips" *ngIf="tagData.data.tip" [ngStyle]="tagData.data.tipCssStyle|styleFilter">{{tagData.data.tip}}<i
          class="arrow"></i></p>
    </div>
    <img class="qr-code" src="{{qrCodeUrl}}" alt="">
    <img src="{{tagData.data.qrLogoUrl}}" onerror="this.src='assets/fw/logo-js16.png'" class="qrLogo" />
  </div>
  <p class="detail-info" [ngStyle]="tagData.data.infoDetailCssStyle|styleFilter">{{tagData.data.infoDetail}}</p>
  <p class="foot-info" [ngStyle]="tagData.data.footInfoCssStyle|styleFilter">{{tagData.data.footInfo}}</p>
</section>